<template>
	<view class="content">
		<view class="commodity padding" @click="jump(1)">
			<text>店铺入驻</text>
			<u-icon name="plus" color="#FF1A14" size="35" :class="{ donghua: i == 1 }"></u-icon>
		</view>
		<view class="commodity padding" @click="jump(2)">
			<text>商品管理</text>
			<u-icon name="plus" color="#FF1A14" size="35" :class="{ donghua: i == 2 }"></u-icon>
		</view>
		<view class="commodity padding" @click="jump(3)">
			<text>案例管理</text>
			<u-icon name="plus" color="#FF1A14" size="35" :class="{ donghua: i == 3 }"></u-icon>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			i: '',
		};
	},
	onShow() {
		//./me/ruzhu
	},
	onLoad() {
		uni.setNavigationBarColor({
			frontColor: '#ffffff',
			backgroundColor: '#ff0000',
		});
	},
	methods: {
		jump(e) {
			console.log('e :>> ', e);
			if (e == 1) {
				this.i = 1;
				setTimeout(() => {
					uni.navigateTo({
						url: './ruzhu',
					});
				}, 300);
			}
			if (e == 2) {
				this.i = 2;
				setTimeout(() => {
					uni.navigateTo({
						url: '../Home/settleIn',
					});
				}, 300);
			}
			if (e == 3) {
				this.i = 3;
				setTimeout(() => {
					uni.navigateTo({
						url: './addCse',
					});
				}, 300);
			}
		},
	},
};
</script>

<style lang="scss" scoped>
.content {
	
	width: 100vw;
	height: 100vh;
	overflow: scroll;
	.donghua {
		transition: transform 0.5s linear;
		transform: rotate(360deg);
	}
	.commodity {
		display: flex;
		justify-content: space-between;

		width: 690rpx;
		background: #ffffff;
		border-radius: 10rpx;
		margin: 0 auto;
		margin-top: 30rpx;
		text {
			height: 29rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
		}
	}
}
</style>
